<template>
    <div>
   <van-nav-bar>
        <template #title>
       <span style="fontSize:.55rem;">约课记录</span>
       </template>
       </van-nav-bar>    
       <van-tabs v-model="active" swipeable color='rgb(235, 97, 0)' line-width='1.5rem' title-active-color='rgb(235, 97, 0)'>
  <van-tab title="待上课"><img src="../assets/no-message.8d3ca5af.png" alt=""></van-tab>
  <van-tab title="已上课"><img src="../assets/no-message.8d3ca5af.png" alt=""></van-tab>
  <van-tab title="已取消"><img src="../assets/no-message.8d3ca5af.png" alt=""></van-tab>
</van-tabs>
    </div>
</template>

<script>
export default {
    name: 'EverydayRecord',

    data() {
        return {
                  active: 2,
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>

</style>